#warp {
    width: 960px;
    height: 540px;
    border: #2d3521 solid 1px;
    margin: 0 auto;
    background:linear-gradient(
        to right,
        white 0%,
        white 80%,
        #6AA52F 80%,
        #6AA52F 100%
    );
}
#content {
    width: 600px;
    /*padding: 20px 20px 20px 10px;*/
    float: left;
}
#title {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 40px;
    padding-left: 60px;

}
#fst {
    color: #6AA52F;
    border-left: #6AA52F solid 3px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 30px;
}
#snd {
    font-size: 2px;
    color: grey;
    padding-left: 10px;
}
#main {
    display: grid;
    grid-template-columns: 250px 250px;
    grid-template-rows: 130px 130px;
    grid-gap: 20px 20px;
    padding-left: 20px;
}
#txt {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    padding-left: 40px;
}
#txt h3{
    background-color: #6AA52F;
    color: white;
    height: 30px;
    margin: 0px;
    font-size: 20px;
    padding-left: 10px;
}
#txt p{
    color: darkgrey;
    width: 200px;
    padding-left: 10px;
    margin: 0px;
    font-size: 8px;
}
#pic {
    float: right;
    width: 340px;
    height: 540px;
    background-image: url("../source/2-3/tourist.png");
    background-size: 430px;
    background-position: -30px -20px;
    background-repeat: no-repeat;
}